<!DOCTYPE html>
<!--告诉浏览器下面用html5语法-->
<html>
	<head>
		<meta charset="utf-8">
		<!--utf-8编码集：万国码-->
		<title>页面</title>
	</head>
	<body>
		<!--html 属性与属性值[所有元素存在，元素和属性捆绑] 
		    功能：作效果  问题：针对一个元素有效
		-->
		<p align="right">lorem</p>
		<!-- css  作样式【效果】 针对全局
		前端：内容与表现分离【html作结构，css作样式】
		      能使用css，不要用html元素中属性和属性值
		  css3引入方式：①内部样式表---练习专用，代码量低
		               ②外部样式表---项目专用，代码量高
					   ③内联样式表---基本不用，代码冗余
					   ④引入样式表---根本不用，支持css2引入方式
					                缺点：先内容后表现 
		-->
		<p style="text-align: center">Lorem1</p>
	</body>
</html>